<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/tab.css">
    <link rel="stylesheet" href="css/news.css">
    <title>新闻资讯</title>
</head>

<body>
    <!--导航-->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="row">
                <div class=" col-md-10 col-md-offset-2">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img alt="Brand" class=" img-responsive logo"
                                src="images/news/logo.png"></a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
                            <li><a href="javascript:;">产品与服务</a>
                                <ul class="dropdown-menu">
                                    <li style="text-align: center;"><strong><a href="product-service.html">上程丨产品</a></strong>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="proudct-one.html">数字城市地名地址服务平台</a></li>
                                    <li><a href="product-two.html">毕业设计全过程综合服务平台</a></li>
                                    <li><a href="product-three.html">环境网格化综合系统</a></li>
                                    <li><a href="product-four.html">B2BB2C多用户大型电商平台</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li style="text-align: center;"><strong><a href="service.html">上程丨服务</a></strong>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="javascript:;">上程教育</a>
                                <ul class="dropdown-menu">
                                    <li><a href="school-enterprise-cooperation.html">校企合作</a></li>
                                    <li><a href="skill-training.html">技能培训</a></li>
                                    <li><a href="service-advantage.html">服务优势</a></li>
                                </ul>
                            </li>
                            <li><a href="news.html">新闻资讯</a>

                            </li>
                            <li><a href="about-us.html">关于我们</a>

                            </li>
                            <li><a href="contact-us.html">联系我们</a></li>

                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><span class="phone"><span class="glyphicon glyphicon-earphone"
                                        aria-hidden="true"></span>&nbsp;028-87850778</span></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </nav>
    <!--版头-->
    <div class=" container-fluid">
        <div class="row">
            <div class=" col-md-12" style="padding: 0;">
                <img src="images/news/header.jpg" class=" img-responsive" alt="">
            </div>
        </div>
    </div>
    <!--路径导航-->
    <div class=" container-fluid">
        <div class=" row">
            <div class=" col-md-10 col-md-offset-2">
                <ol class="breadcrumb path-nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="active">新闻资讯</li>
                </ol>
            </div>
        </div>
    </div>
    <!--资讯-->
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="vertical-tab" role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab"
                                data-toggle="tab">公司资讯</a></li>
                        <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab"
                                data-toggle="tab">行业资讯</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content tabs">
                        <div role="tabpanel" class="tab-pane fade in active" id="Section1">
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/news1.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-one.html">软件开发工程师培训的选择</a></div>
                                    <span>软件开发工程师一般指从事软件开发职业的人</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/news2.png" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-two.html">软件工程师学那么多，真的有用吗？</a></div>
                                    <span>身为一名专业的软件测试工程师，提升自身的软件测试技能至关重要，为此要学习很多专业知识，例如：自动测试、性能测试..…</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/news3.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-three.html">学IT行业有用吗？现在学习IT就业如何？</a></div>
                                    <span>现在学习IT行业是相当有用的，随着社会现代化高速发展，IT行业将会成为新时代的最佳就业选择...</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/news4.jpeg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-four.html">怎样才能学好软件开发？</a></div>
                                    <span>传统的职业教育并不能给我们带来体面的高薪工作。一旦选错专业，学完之后我们的可能就是只能当上个技工..…</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="Section2">
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/miku1.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-one.html">行业前景</a></div>
                                    <span>作为IT行业的核心产业，软件开发专业发展前景广阔，用人需求量大，薪资高，已经受到广泛关注。</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/miku2.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-two.html">行业发展</a></div>
                                    <span>身为一名专业的软件测试工程师，提升自身的软件测试技能至关重要，为此要学习很多专业知识，例如：自动测试、性能测试..…</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/miku3.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-three.html">行业领域</a></div>
                                    <span>现在学习IT行业是相当有用的，随着社会现代化高速发展，IT行业将会成为新时代的最佳就业选择...</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                            <div class="row news">
                                <div class=" col-md-4">
                                    <img src="images/news/miku4.jpg" class=" img-responsive" alt="新闻图">
                                </div>
                                <div class=" col-md-8">
                                    <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                            href="news-detail-four.html">行业人才</a></div>
                                    <span>传统的职业教育并不能给我们带来体面的高薪工作。一旦选错专业，学完之后我们的可能就是只能当上个技工..…</span>
                                    <p>发布时间：2019-10-21</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class=" container-fluid footer">
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <img src="images/news/footerlogo.png" class=" img-responsive" alt="底部logo">
            </div>
        </div>
        <div class="row">
            <div class=" col-md-5 col-md-offset-2">
                <p><strong style="color:white;">专业、开放、诚信、共享,为智慧教育助力,为教者赋能。</strong></p>
            </div>
            <div class=" col-md-5">
                <p style="color: white;"><a href="javascript:;">技能培训 </a>｜ <a href="javascript:;">上程产品</a> ｜<a
                        href="javascript:;"> 新闻资讯</a> ｜<a href="javascript:;"> 关于我们</a></p>
                <div class="col-md-offset-1">
                    <a href="javascript:;"><img src="images/news/qqicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/news/weixinicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/news/phoneicon.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <p style="color: white;">Copyright ©2019 成都上程数据有限公司所有 All Rights Reserved 蜀ICP备19012431号-1</p>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="js/news.js"></script>
</body>

</html>